<template>
  <div>
    <div class="my-body">
      <el-row>
        <el-col :span="24">
          <div class="ipt_a">
            <div style="float: left; line-height: 30px;">文件名称：</div>
            <el-input v-model="input" placeholder="请输入内容" style=" width: 150px;height: 50px; float: left;" />
          </div>
        </el-col>
      </el-row>
      <div class="app-container">
        <div class="ipt_a">
          <div style="float: left; line-height: 30px;">文件名称：</div>
          <el-input v-model="input" placeholder="请输入内容" style=" width: 150px;height: 50px; float: left;" />
        </div>

        <div>
          <el-button type="primary">查询</el-button>
        </div>
        <div>
          <div style="margin-top: 30px; width: 100%; float: left;">
            <div style=" width:100%; float: left;">
              <template>
                <el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" style="width: 100%">
                  <el-table-column type="selection" width="55" />
                  <el-table-column fixed prop="bianhao" label="文件名称" />
                  <el-table-column prop="enddate" label="文件类型" />
                  <el-table-column prop="name" label="修改时间" />
                  <el-table-column prop="senddate" label="备注" />
                </el-table>
                <el-pagination :current-page="currentPage" :page-sizes="[5, 10]" :page-size="pageSize" :total="tableData.length" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
              </template>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {

  data() {
    return {
      key: 1, // 为了能每次切换权限的时候重新初始化指令
      valuesj: 2024,
      options: [{
        value: '1',
        label: '全部'
      }, {
        value: '2',
        label: '已签收'
      }, {
        value: '3',
        label: '未签收'
      }],
      data: [{
        label: '中国大陆',
        children: [{
          label: '上海'
        }, {
          label: '北京'
        },
        {
          label: '四川'
        }
        ]
      }],
      value1: '',
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      value: '',
      chanpingguige: false,
      dialogVisible: false,
      dialogVisiblea: false,
      hospital: false,
      area: false,
      currentPage: 1,
      pageSize: 5,
      jinxiaoshang: false,
      shouhuor: false,
      diquxuanzhe: false,
      tableData: [{
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }, {
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }, {
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }, {
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }, {
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }, {
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }, {
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }, {
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }, {
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }, {
        bianhao: 'PS074107742412L',
        senddate: '2024-05-02',
        enddate: '2024-12-31',
        name: '左心耳',
        province: '完成授权',
        city: '普陀区',
        address: '苏州市中心医院',
        shouqfang: '鹰潭市方园医药有限公司',
        jingxiaos: '鹰潭市方园医药有限公司',
        peisonf: '鹰潭市方园医药有限公司',
        shouqyy: '入院',
        shangcaizhibiao: 3
      }],
      form: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
        regioB: '',
        regioA: ''
      },
      sizeForm: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: ''
      }

    }
  },
  methods: {
    onSubmit() {
      console.log('submit!')
    },
    handleClose(done) {
      done()
      // this.$confirm('确认关闭？')
      // 	.then(_ => {
      // 		done();
      // 	})
      // 	.catch(_ => {});
    },

    handleClick(row) {
      console.log(row)
    },
    handleSizeChange(val) {
      this.pageSize = val
    },
    handleCurrentChange(val) {
      this.currentPage = val
    }
  }
}
</script>

<style lang="scss" scoped>
.ipt_a {
  width: 300px;
  height: 50px;
  float: left;
}

.ipt_b {
  width: 450px;
  height: 50px;
  float: left;
}

.listdizhi {
  width: 100%;
  height: 100px;
  float: left;
  border-bottom: 1px solid;
}

.lie {
  width: 90%;
  height: 100%;
  float: left;

}

.listdizhia {
  width: 100%;
  height: 50px;
  float: left;
}

.listdizhia div {
  float: left;
  margin-left: 30px;
}
</style>
